@import './reset.css';
@import './nprogress.css';
@import './transition.css';

html,
body,
#app {
    height: 100%;
}

html {
    overflow-x: hidden;
}

.i-divider--title {
    margin: 5px 5px !important;
}

.i-divider--form-item {
    margin-top: 0 !important;
}

.message-notice-badge .n-badge-sup {
    padding: 0 4px !important;
    height: 14px !important;
    font-size: 11px !important;
}

.client-title {
    /* 避免选中窗口标题 */
    user-select: none;
    /* 设置该属性表明这是可拖拽区域，用来移动窗口 */
    -webkit-app-region: drag;
}

.row-active td {
    background: #369 !important;
    color: #fff !important;
}

.exception-row td {
    background: rgba(255, 192, 192, 0.35) !important;
    color: #ff5757 !important;
    border-color: rgba(255, 87, 87, 0.1) !important;
}

/* 处理同时存在row-active和exception-row的情况 */
.row-active.exception-row td {
    background: #369 !important;
    color: rgb(255, 93, 93) !important;
}

.n-data-table-tr--summary td {
    background: #d7f5d7 !important;
    color: #fa2525 !important;
}

.n-data-table-sorter {
    padding-right: 20px !important;
}

.tip-link {
    color: blue !important;
    font-size: 12px !important;
    /*padding: 0 12px 0 12px !important;*/
}

.tip-font-link {
    color: blue !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-center {
    text-align: center !important;
}

/* 打印默认隐藏样式 */
.print_dom {
    position: absolute;
    top: -9999px;
    left: -9999px;
    display: none;
    width: 0;
    height: 0;
}

/* 重写 native 自带样式*/
.n-data-table .n-data-table-th {
    padding: 5px;
}

.n-data-table .n-data-table-td {
    padding: 5px;
    font-size: 14px;
}

.card-wrapper .n-card__content {
    padding: 0 var(--n-padding-left) 6px var(--n-padding-left);
}
.card-wrapper .n-data-table__pagination {
    margin-top: 6px;
}

.customer-space-input:first-child {
    width: 80% !important;
}

.color-red {
    color: #d9534f;
}

.cursor-pointer.n-statistic {
    .n-statistic__label,
    .n-statistic-value__content {
        user-select: none;
    }

    &:hover {
        .n-statistic__label,
        .n-statistic-value__content {
            color: #d9534f;
        }
    }
}

.empty-header .n-card-header {
    padding: 0 !important;
}

.empty-scrollbar {
    overflow-y: scroll;
    scrollbar-width: none;
}

/* 小屏幕设备 */
@media screen and (max-width: 600px) {
    .card-title .n-card-header__main {
        font-size: 13px !important;
    }
}

/* 中等屏幕设备 */
@media screen and (min-width: 601px) and (max-width: 1024px) {
    .card-title .n-card-header__main {
        font-size: 14px !important;
    }
}

/* 大屏幕设备 */
@media screen and (min-width: 1025px) {
    .card-title .n-card-header__main {
        font-size: 16px !important;
    }
}

.left-card {
    border-radius: 6px 0 0 6px !important;
}
.right-card {
    border-radius: 0 6px 6px 0 !important;
}
